{extend name="public/base"/}
{block name="style"}
{/block}
{block name="body"}
{include file="public/header" /}
      <div class="bodySection">
            
    <div class="centerSection">

        <div class="registerSection">
            <div class="section_title2">
                找回密码
            </div>

            <div class="rightSection_border">

                <!--状态1 -->
                <div class="centerSection_register  areaSection_blockPos">
                    <div class="top_navBlock   top_navBlock3">
                        <div class="lis" style="text-indent: 20px;"><i class="icon1  ball01_active" style="left: 20px; top: 6px;"></i>填写手机号</div>
                        <div id="step2" class="lis  delBottomLine"><i class="icon2  ball03" style="left: 20px; top: 6px;"></i>验证身份</div>
                        <div id="step3" class="lis  delBottomLine"><i class="icon2  ball04" style="left: 20px; top: 6px;"></i>重置密码</div>
                        <div id="step4" class="lis  delBottomLine"><i class="icon2  ball02" style="left: 40px; top: 6px;"></i>完成</div>
                    </div>


                    <div class="block_form" style="padding-top: 100px;" id="block_form">
                        <ul>
                            <li>
                                <div class="block_form_input">
                                    <span class="icon1"></span>
                                    <input  id="userphone" type="text" value="" class="inputText"  placeholder="请输入11位手机号"/>
                                            <span id="phonetip" class="error  error2" style="display: none;">
                                                    <i></i>格式有误
                                            </span>
                                </div>
                            </li>
                            <li>
                                <div class="block_form_input  form_input1">
                                    <span class="icon2"></span>
                                    <input id="userverify" type="text" value="" class="inputText"  placeholder="请输入验证码" />
                                            <span id="verifytip" class="error " style="display: none;">
                                                    <i></i>验证码有误
                                            </span>
                                </div>
                                <div id="getverifycode" class="block_form_input form_input2" >
                                    获取验证码
                                </div>
                            </li>
                            <li>

                                <div class="block_form_input">
                                    <span class="icon3"></span>
                                    <input id="userpass" type="password" value="" class="inputText" placeholder="6-20字符, 可用字母/数字/下划线" />
                                            <span id="passtip" class="error  error2" style="display: none;">
                                                    <i></i>格式不对
                                            </span>
                                </div>
                            </li>
                            <li>
                                <div class="block_form_input">
                                    <span class="icon3"></span>
                                    <input id="userpass2" type="password" value="" class="inputText" placeholder="请再次输入密码" />
                                            <span id="pass2tip" class="error" style="display: none;">
                                                    <i></i>密码不一致
                                            </span>
                                </div>
                            </li>
                        </ul>
                    </div>

                    <div id="submitbtn" class="block_form_button" style="margin-bottom: 40px;">
                        重置密码
                    </div>


                </div>





            </div>

        </div>

    </div>
</div>

{block name="include"}{include file="public:footer" /}{/block}
{/block}
{block name="script"}
   <script type="text/javascript" src="/public/lboyue/js/user.js"></script>
    <script type="text/javascript">
		var jumpurl = '{$jumpurl}';
        $(document).ready(function () {

            inputcheck($("#userphone"),reg_phone,$("#phonetip"),function(){
               $("#step2").removeClass("delBottomLine").children().first().removeClass("ball03").addClass("ball03_active");
            });
            inputcheck($("#userpass"),reg_pass,$("#passtip"));
            inputcheck($("#userverify"),reg_verify,$("#verifytip"),function(){
                $("#step3").removeClass("delBottomLine").children().first().removeClass("ball04").addClass("ball04_active");
            });
            inputcheck($("#userpass2"),reg_pass,$("#pass2tip"),function(){

                var pass1=$("#userpass").val();
                var pass2=$("#userpass2").val();
                if(pass1==pass2)
                {
                    $("#step4").removeClass("delBottomLine").children().first().removeClass("ball02").addClass("ball02_active");
                }else
                {
                    $("#pass2tip").html("<i></i>密码不一致");
                    $("#pass2tip").show();
                }
            },function(){
                $("#pass2tip").html("<i></i>格式不对");
            });

            bindverifycode($("#getverifycode"),$("#userphone"),2,0);
            $("#submitbtn").click(function () {
                var phone = $("#userphone").val();
                var userverify = $("#userverify").val();
                var userpass = $("#userpass").val();
                var userpass2 = $("#userpass2").val();
                var reurl = jumpurl;
                if(userpass!=userpass2)
                {
                    $("#pass2tip").html("<i></i>密码不一致");
                    $("#pass2tip").show();
                    return;
                }
                resetpass(phone,userverify,userpass,reurl);

            });
        });


    </script>

<script>
    $(document).ready(function () {
        bindnews();
        bindbookshelf();
        bindnav();
    });

</script>
{/block}